<?php $this->display('header') ?>
<link href="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/H/css/plugins/iCheck/custom.css" rel="stylesheet">
<!-- iCheck -->
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/H/js/plugins/iCheck/icheck.min.js"></script>

<link href="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/H/css/plugins/ionRangeSlider/ion.rangeSlider.css" rel="stylesheet">
<link href="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/H/css/plugins/ionRangeSlider/ion.rangeSlider.skinFlat.css" rel="stylesheet">
<!--<link href="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/H/css/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">-->
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/H/js/plugins/ionRangeSlider/ion.rangeSlider.min.js"></script>

<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/zhiqiang/js/list.js"></script>

<!-- jQuery UI -->
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/H/js/jquery-ui-1.10.4.min.js"></script>
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/H/js/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<!--图片上传-->
<script type="text/javascript" src="{$_W['siteroot']}/web/resource/js/require.js"></script>
<style>
    .ibox-content{
        border: none !important;
    }
    .droppable-active {
        background-color: #ffe !important;
    }
    .form-horizontal .form-group{
        margin: 0 auto !important;
    }

    .tools a {
        cursor: pointer;
        font-size: 80%;
    }

    .form-body .col-md-6,
    .form-body .col-md-12 {
        min-height: 400px;
    }

    .draggable {
        cursor: move;
    }
  .ParamsClass{
    width: 380px;
    background: #000;
    height: 650px;
    padding: 20px 10px;
    position: relative;
    border-radius: 25px;
    min-height: 650px;
  }
  .ParamsClassBou{
    display: flex;
    justify-content: center;
  }
  .ParamsClassBou span{
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 2px solid #fff;
    position: absolute;
    bottom: 14px;
  }
  .ParamsClassTop{
    display: flex;
    justify-content: center;
  }
  .ParamsClassTop span{
    display: flex;
    width: 50px;
    height: 6px;
    border-radius: 100px;
    border: 1px solid #fff;
    position: absolute;
    top: 13px;
  }
  .MinHeihgtuto{
    height: 540px;
    min-height: 540px;
    overflow: auto;
  }
    .ibox-content{
      padding: 0 !important;
    }
    ::-webkit-scrollbar {
      display: none; /* Chrome Safari */
      scrollbar-width: none; /* Firefox */
    }
  .FormListRight{
    margin-left: 40px;
    height: 650px;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 20px 30px;
    overflow: auto;
  }
    .giftCard{
        display: flex;
        justify-content: space-evenly;
        width: 100%;
        box-sizing: border-box;
    }
    .optionsClass{
        margin: 0 auto;
        height: 40px;
        line-height: 40px;
    }
    .optionsClass ul{
        display: flex;
        justify-content: space-around;
        background: #fff;
    }
    .optionsClass ul li{
        font-size: 15px;
        color: #333;
        width: 25%;
        text-align: center;
    }
    .optionsClass ul li:first-child{
        color: red;
        border-bottom: 2px solid red;
        font-weight: 600;
    }
    .MerchantsGroup{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .MerchantsGroupRightArr span{
        display: inline-block;
        width: 12px;
        height: 12px;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
        transform: rotate(-45deg);
    }
    .ButtonGroup{
        display: flex;
        justify-content: space-between;
    }
    .ButtonGroupBox{
        text-align: center;
    }
    .ButtonGroupMargin{
        margin-top: 5px;
        font-size: 13px;
        font-weight: 500;
        color: #333;
    }
    .textControlClass{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 0 auto;
    }
    .textControlTitle{
        font-size: 16px;
    }
    .textControlText{
        font-size: 14px;
    }
    .TabBtnClass{
        display: flex;
        justify-content: start;
        overflow: auto;
        height: 40px;
        line-height: 40px;
    }
    .TabBtnClass span{
        display: inline-block;
        background: #f1f1f1;
        text-align: center;
        color: #333;
        font-size: 14px;
        width: 15%;
        min-width: 25%;
    }
    .TabBtnClass span:first-child{
        background: darkslategrey !important;
        color: #fff !important;
    }
</style>
</head>
<body>
<div id="wrapper">
    <!--左侧导航开始-->
    <?php $this->display('menu') ?>
    <!--左侧导航结束-->
    <!--右侧部分开始-->

    <div id="page-wrapper" class="gray-bg dashbard-1">
        <?php $this->display('header_top') ?>
        <div class="ibox-content">
            <form class="cmxform form-horizontal tasi-form" id="form_name" name="form_name">
                <div class="ibox-title">
                    <h5>自定义装修</h5>
                </div>
                <div class="hr-line-dashed"></div>
                <div id="field_image2" style="display: none">{php echo tpl_mobile_field_image('thumbnail')}</div>


                <div class="" style="display: flex;justify-content: start; margin-left: 50px">
<!--                    <div class="col-sm-2"></div>-->
                    <div class="">
                        <div class="ibox float-e-margins ParamsClass">
                          <p class="ParamsClassTop">
                            <span></span>
                          </p>
                            <div class="ibox-content MinHeihgtuto">
                                <div class="row form-body form-horizontal">
                                    <div class="col-md-12 droppable sortable" id="sortable">
                                    {loop $custom $k $v}
                                        {if $v['type'] == 1}
                                        <div class="form-group draggable dropped ui-draggable" id="dropped_{$v['number']}" data-number="{$v['number']}">
                                            <div class="carousel slide">
                                                <div class="carousel-inner">
                                                    <div style="display: flex; justify-content: center" class="item active">
                                                        <img style="width: {$v['ionrange_2']}%; height: {$v['ionrange_3']}px;margin-top: {$v['ionrange_1']}px;" alt="image" class="img-responsive" src="{$v['img'][0]['imgeSrc']}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {/if}
                                    {/loop}
                                        <!--                列表html-->
<!--                                        <div class="giftCard">-->
<!--                                            <img style="width:50%; cursor: pointer" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2727869584,4075643637&fm=26&gp=0.jpg" alt="">-->
<!--                                            <div class="">-->
<!--                                                <img style="width:100%; height: 120px; cursor: pointer" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2727869584,4075643637&fm=26&gp=0.jpg" alt="">-->
<!--                                                <img style="width:100%; height: 120px; cursor: pointer" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2727869584,4075643637&fm=26&gp=0.jpg" alt="">-->
<!--                                            </div>-->
<!--                                        </div>-->
                                        <!--                列表html-->
<!--                                        选项卡-->




<!--                                        选项卡-->
                                    </div>
                                </div>

                            </div>
                          <p class="ParamsClassBou">
                            <span></span>
                          </p>
                        </div>

                    </div>
                    <div style="margin-left: 40px; min-width: 650px;" class="FormListRight" id="sortable_leve">
                            {loop $custom $k $v}
                                {if $v['type'] == 1}
                                <div class="level_number"  style="width:90%; position:relative;" id="level_{$v['number']}" data-number="{$v['number']}">
                                    <i style="position: absolute;right:-70px; top:-9px;font-size: 25px; cursor: pointer" class="fa fa-times LunboListClick"></i>
                                    <div class="m-b-sm m-t">
                                        <small><strong>上边距</strong></small>
                                    </div>
                                    <div class="ionrange_1" data-number="{$v['number']}" data-from="{$v['ionrange_1']}" ></div>
                                    <div class="m-b-sm m-t">
                                        <small><strong>宽度调试</strong></small>
                                    </div>
                                    <div class="ionrange_2" data-number="{$v['number']}" data-from="{$v['ionrange_2']}" ></div>
                                    <div class="m-b-sm m-t">
                                        <small><strong>高度调试</strong></small>
                                    </div>
                                    <div class="ionrange_3" data-number="{$v['number']}" data-from="{$v['ionrange_3']}"></div>
                                    <div id="level_numberBox_{$v['number']}">
                                        {loop $v['img'] $kk $vv}
                                        <div style="background: #f8f8f8;padding: 10px;border-radius: 10px" class="form-group  row additional">
                                            <div class=" col-sm-4" style="margin-top:.5em;">
                                                <img src="{$vv['imgeSrc']}" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'" class="img-responsive img-thumbnail" width="150">
                                            </div>
                                            <div class="col-sm-8">
                                                <div style="margin-bottom: 20px;position: relative;" class="input-group m-b">
                                                    <input style="flex:3" type="text" id="bannerUrl_{$v['number']}_{$vv['imgNumber']}" value="{$vv['urlTitle']}" class="form-control" readonly>
                                                    <span style="flex:1" class="input-group-btn"> <button type="button" class="btn btn-default" data-imgNumber="{$vv['imgNumber']}" data-number="{$v['number']}" onclick="bannerUrlClick($(this))">选择链接</button> </span>
                                                </div>
                                                {php echo tpl_mobile_field_image('thumbnail',$vv['imgeSrc'])}
                                            </div>
                                            <div class="hr-line-dashed"></div>
                                        </div>
                                        {/loop}
                                    </div>
                                    <a class="btn btn-w-m btn-default" href="javascript:void(0)" onclick="AddImageClick({$v['number']})">添加下一个</a>
                                </div>
                                {/if}
                            {/loop}
                    </div>
                </div>


                <div class="row">
                    <div class="col-sm-2"></div>
                    <div class="col-sm-5">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>元素</h5>
                            </div>
                            <div class="ibox-content">
                                <p>
                                    <button type="button" class="btn btn-outline btn-default ionrange" onclick="banner()">轮播图</button>
                                    <button type="button" class="btn btn-outline btn-default" onclick="butListClick()">列表</button>
                                    <button type="button" class="btn btn-outline btn-default" onclick="menuClick()">选项卡</button>
                                    <button type="button" class="btn btn-outline btn-default" onclick="MerchantsGroupClick()">商户组</button>
                                    <button type="button" class="btn btn-outline btn-default" onclick="ButtonGroupClick()">按钮组</button>
                                    <button type="button" class="btn btn-outline btn-default" onclick="textControl()">文字控</button>
                                    <button type="button" class="btn btn-outline btn-default" onclick="TabBtnClick()">Tab按钮</button>
                                    <button type="button" class="btn btn-outline btn-default ionrange" onclick="chakan()">查看</button>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-sm-2 col-sm-offset-2"></div>
                    <div class="col-sm-4 col-sm-offset-2">
                        <input type="hidden" value=""  id="custom" name="custom">
                        {if $aData}
                        <input type="hidden" value="{php echo gWebUrl('sys/custom',['sys_id'=>$aData['sys_id']])}" id="url_class" name="url_class">
                        {else}
                        <input type="hidden" value="{php echo gWebUrl('sys/custom')}" id="url_class" name="url_class">
                        {/if}
                        <button class="ladda-button btn btn-info" data-style="slide-right" id="form_submit">提交
                        </button>


                    </div>
                </div>
            </form>
        </div>
    </div>
    <!--右侧部分结束-->
    <div id="common" style="display: none">

        <div id="field_image">{php echo tpl_mobile_field_image('thumbnail')}</div>

    </div>
</div>
<?php $this->display('foot') ?>
<script>

    $('#form_submit').click(function (){
        if (!$(this).hasClass('disabled')) {
            $(this).addClass('disabled');
            for(var i=0;i<$("#sortable > div").length;i++){
                var num  = $("#sortable > div")[i].dataset.number
                for(let index in custom){
                    if(custom[index].number == num){
                        custom[index].order_num = i
                    }
                }
            }
            $('#custom').val(JSON.stringify(custom))
            //验证
            postFormData('form_name');
            setTimeout("$('#form_submit').removeClass('disabled')", 2000);
            return false;
        }
    });

    {if $custom}
    $(".ionrange_1").ionRangeSlider({
        min: 0,
        max: 100,
        type: "single",
        step: 1,
        postfix: "px",
        prettify: false,
        hasGrid: true,
        onChange:function (obj) {
            $("#dropped_"+obj.input.context.dataset.number+"").find("img").css("margin-top",obj.fromNumber)
            for(let index in custom){
                if(custom[index].number == obj.input.context.dataset.number){
                    custom[index].ionrange_1 = obj.fromNumber
                }
            }

        }
    });
    $(".ionrange_2").ionRangeSlider({
        min: 0,
        max: 100,
        type: "single",
        step: 1,
        postfix: "%",
        prettify: false,
        hasGrid: true,
        onChange:function (obj) {
            $("#dropped_"+obj.input.context.dataset.number+"").css("width",obj.fromNumber+"%")
            for(let index in custom){
                if(custom[index].number == obj.input.context.dataset.number){
                    custom[index].ionrange_2 = obj.fromNumber
                }
            }

        }
    });
    $(".ionrange_3").ionRangeSlider({
        min: 0,
        max: 1000,
        type: "single",
        step: 1,
        postfix: "px",
        prettify: false,
        hasGrid: true,
        onChange:function (obj) {
            $("#dropped_"+obj.input.context.dataset.number+"").find("img").css("height",obj.fromNumber+"px")
            for(let index in custom){
                if(custom[index].number == obj.input.context.dataset.number){
                    custom[index].ionrange_3 = obj.fromNumber
                }
            }
        }
    });
   {/if}
</script>
<script>
    //隐藏所有
    {if $custom}
    $('#sortable_leve').find('div[class="level_number"]').css("display","none")
    $("#level_"+$('#sortable_leve').find('div[class="level_number"]')[0].dataset.number+"").css("display","block")
    {/if}

  $(document).ready(function () {
        setup_draggable();
    });
    var setup_draggable = function () {
        // $(".draggable").draggable({
        //     appendTo: "body",
        //     helper: "clone"
        // });
        $(".droppable").droppable({
            accept: ".draggable",
            helper: "clone",
            hoverClass: "droppable-active",
            drop: function (event, ui) {
                $(".empty-form").remove();
                var $orig = $(ui.draggable)
                if (!$(ui.draggable).hasClass("dropped")) {
                    var $el = $orig
                        .clone()
                        .addClass("dropped")
                        .css({
                            "position": "static",
                            "left": null,
                            "right": null
                        })
                        .appendTo(this);

                    // update id
                    var id = $orig.find(":input").attr("id");

                    if (id) {
                        id = id.split("-").slice(0, -1).join("-") + "-" + (parseInt(id.split("-").slice(-1)[0]) + 1)

                        $orig.find(":input").attr("id", id);
                        $orig.find("label").attr("for", id);
                    }
                }

            }
        }).sortable();
    }
    $(document).on("click", ".ui-draggable", function (ev) {
              var num = $(this)[0].dataset.number
               //隐藏所有
              $('#sortable_leve').find('div[class="level_number"]').css("display","none")
              //显示当前
              $("#level_"+num+"").css("display","block")
    })
</script>
<script>
    custom = []
    var number = 0
    var order_num = 0
    var imgNumber = 0;
    {if $custom}
        number = {$max['number']};
        order_num = {$max['order_num']};
        imgNumber = {$max['imgNumber']};
        {loop $custom $k $v}
            custom.push({number: {$v['number']},order_num:{$v['order_num']},type:{$v['type']}})

            {if $v['type'] == 1}
                custom[{$k}].img = []
                custom[{$k}].ionrange_1 = {$v['ionrange_1']};
                custom[{$k}].ionrange_2 = {$v['ionrange_2']};
                custom[{$k}].ionrange_3 = {$v['ionrange_3']};
                {loop $v['img'] $kk $vv}
                var imgList = {imgNumber:{$vv['imgNumber']},imgeSrc:"{$vv['imgeSrc']}",urlType:{$vv['urlType']},urlId:{$vv['urlId']},urlTitle:"{$vv['urlTitle']}"}
                if(custom[{$k}].number == {$v['number']}){
                    custom[{$k}].img.push(imgList)
                }
                {/loop}
            {/if}
        {/loop}
    {/if}



    $(document).on("click",".DetailClick",function(){
        $(this).parent().parent().parent().remove()
        for(let index in custom){
            if(custom[index].number == $(this)[0].dataset.number){
                for(let v in  custom[index].img){
                    if(custom[index].img[v].imgNumber == $(this)[0].dataset.imgnumber){
                        custom[index].img.splice(v,1)
                    }
                }

            }
        }

    })
    $(document).on("click",".LunboListClick",function(){     // 右上角删除 左右轮播X号
        var obj = $(this).parent()
        $('#dropped_'+obj[0].dataset.number+'').remove()
        obj.remove()
        for(let index in custom){
            if(custom[index].number == obj[0].dataset.number){
                custom.splice(index,1)
            }
        }
    })

    function bannerUrlClick(e){
        var num = e[0].dataset.number
        var imgnum = e[0].dataset.imgnumber
        html = '<div class="tabs-container" style="overflow:hidden" data-imgNumber="'+imgnum+'" data-number="'+num+'">\n' +
            '    <ul class="nav nav-tabs">\n' +
            '        <li class=""><a data-toggle="tab" href="#tab-1" aria-expanded="false">商品</a></li>\n' +
            '        <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">礼包</a></li>\n' +
            '        <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">限时活动</a></li>\n' +
            '    </ul>\n' +
            '    <div class="tab-content">\n' +
            '        <div id="tab-1" data-id="1" class="tab-pane active">\n' +
            '                <div class="form-group row">\n' +
            '                    <label for="firstname" class="col-sm-2 control-label"></label>\n' +
            '                    <div class="col-sm-6">\n' +
            '                        <div class="input-group m-b">\n' +
            '                            <input type="text" value="生日" name="title" placeholder="请输入商品名称" class="form-control">\n' +
            '                            <span class="input-group-btn"> <button type="button" class="btn btn-primary selectBannerUrl">搜索</button> </span>\n' +
            '                        </div>\n' +
            '                    </div>\n' +
            '                </div>\n' +
            '                <table class="table table-striped table-bordered table-hover m-t-md">\n' +
            '                    <tbody >\n' +
            '                    </tbody>\n' +
            '                </table>\n' +
            '        </div>\n' +
            '        <div id="tab-2" data-id="2" class="tab-pane">\n' +
            '                <div class="form-group row">\n' +
            '                    <label for="firstname" class="col-sm-2 control-label"></label>\n' +
            '                    <div class="col-sm-6">\n' +
            '                        <div class="input-group m-b">\n' +
            '                            <input type="text" value="" name="title" placeholder="请输入礼包名称" class="form-control">\n' +
            '                            <span class="input-group-btn"> <button type="button" class="btn btn-primary selectBannerUrl">搜索</button> </span>\n' +
            '                        </div>\n' +
            '                    </div>\n' +
            '                </div>\n' +
            '                <table class="table table-striped table-bordered table-hover m-t-md">\n' +
            '                    <tbody >\n' +
            '                    </tbody>\n' +
            '                </table>\n' +
            '        </div>\n' +
            '        <div id="tab-3" data-id="3" class="tab-pane">\n' +
            '                <div class="form-group row">\n' +
            '                    <label for="firstname" class="col-sm-2 control-label"></label>\n' +
            '                    <div class="col-sm-6">\n' +
            '                        <div class="input-group m-b">\n' +
            '                            <input type="text" value="" name="title" placeholder="请输入活动名称" class="form-control">\n' +
            '                            <span class="input-group-btn"> <button type="button" class="btn btn-primary selectBannerUrl">搜索</button> </span>\n' +
            '                        </div>\n' +
            '                    </div>\n' +
            '                </div>\n' +
            '                <table class="table table-striped table-bordered table-hover m-t-md">\n' +
            '                    <tbody >\n' +
            '                    </tbody>\n' +
            '                </table>\n' +
            '        </div>\n' +
            '    </div>\n' +
            '</div>'

        layer.open({
            type: 1,
            title: '选择链接',
            area: ['50%', '50%'], //宽高
            content: html
        });
    }
    $(document).on("click",".selectBannerUrl",function(){
        var obj = $(this).parent().parent().parent().parent().parent()
        var title = obj.find('input[name="title"]').val()
        var type = obj[0].dataset.id
        var num = obj.parent().parent()[0].dataset.number
        var imgnum = obj.parent().parent()[0].dataset.imgnumber
        for(let index in custom){
            if(custom[index].number == num){
                for(let v in  custom[index].img){
                    if(custom[index].img[v].imgNumber == imgnum){
                        custom[index].img[v].urlType = type
                    }
                }
            }
        }

        $.ajax({
            url: "{php echo gWebUrl('custom/reUrl')}",
            type: "post",
            data:{
                title:title,
                type:type,
            },
            dataType: 'json',
            success: function (json) {
                if (json.type == 'success') {
                    obj.find('tbody').html('')
                    var List = json.redirect,optionList='';
                    $.each(List,function(n,value) {
                        optionList = optionList+'    <tr>\n' +
                            '                <td class="text-center">'+value.title+'</td>\n' +
                            '                <td class="text-center" data-imgNumber="'+imgnum+'" data-number="'+num+'">\n' +
                            '                <input type="hidden" name="title" value="'+value.title+'">\n' +
                            '                <input type="hidden" name="id" value="'+value.id+'">\n' +
                            '                <button class="btn btn-primary btn-xs click_re">选择</button>\n' +
                            '                </td>\n' +
                            '            </tr>';

                    });
                    obj.find('tbody').append(optionList)
                    //当前页面不刷新
                } else {
                    layer.alert(json.message, {icon: 5});
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                layer.msg('网络错误：' + XMLHttpRequest.status, function () {
                    //操作
                });
                return false;
            }
        });
    });
    $(document).on("click",".click_re",function(){
        var obj =  $(this).parent()
        var id = obj.find('input[name="id"]').val()
        var title = obj.find('input[name="title"]').val()
        $('#bannerUrl_'+obj[0].dataset.number+'_'+obj[0].dataset.imgnumber+'').val(title)


        for(let index in custom){
            if(custom[index].number == obj[0].dataset.number){
                for(let v in  custom[index].img){
                    if(custom[index].img[v].imgNumber == obj[0].dataset.imgnumber){
                        custom[index].img[v].urlId = id
                        custom[index].img[v].urlTitle = title
                    }
                }
            }
        }
        layer.close(layer.index);
    })

    function chakan(){

        for(var i=0;i<$("#sortable > div").length;i++){
            var num  = $("#sortable > div")[i].dataset.number
            for(let index in custom){
                if(custom[index].number == num){
                    custom[index].order_num = i
                }
            }
        }
        console.log(custom)
    }
</script>
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/custom/banner.js"></script>
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/custom/butList.js"></script>
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/custom/tabList.js"></script>
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/custom/MerchntsGroup.js"></script>
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/custom/buttonGroup.js"></script>
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/custom/textControl.js"></script>
<script src="{$_W['siteroot']}../addons/{MOD_ADD}/static/admin/custom/TabBtn.js"></script>
